<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Lookup Type of Business</title>
<style type="text/css">
<!--
@import url("source/style.css");
-->
</style>


<style type="text/css">

* { margin: 0; padding: 0; }

html { height: 100%; font-size: 62.5% }

body { height: 100%; background-color: #FFFFFF; font: 1.2em Verdana, Arial, Helvetica, sans-serif; }


/* ==================== Form style sheet ==================== */

form { margin: 25px 0 0 29px; width: 630px; padding-bottom: 30px; }

fieldset { margin: 0 0 22px 0; border: 1px solid #095D92; padding: 12px 17px; background-color: #DFF3FF; }
legend { font-size: 1.1em; background-color: #095D92; color: #FFFFFF; font-weight: bold; padding: 4px 8px; }

label.float { float: left; display: block; width: 100px; margin: 4px 0 0 0; clear: left; }
label.hoangnmfloat { float: left;  width: 70px; margin: 4px 2px 0px 8px ; }
label { display: block; width: auto; margin: 0 0 10px 0; }
label.spam-protection { display: inline; width: auto; margin: 0; }

input.inp-text, textarea, input.choose, input.answer { border: 1px solid #909090; padding: 3px; }
input.inp-text { width: 110px; margin: 0 0 8px 0; float:left; }
textarea { width: 400px; height: 150px; margin: 0 0 12px 0; display: block; }

input.choose { margin: 0 2px 0 0; }
input.answer { width: 40px; margin: 0 0 0 10px; }
input.submit-button { font: 1.4em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; display: block; margin: 23px 0 0 0; }

form br { display: none; }

/* ==================== Form style sheet END ==================== */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
</style>
<link href="styles/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<form action="" method="post">
		<!-- ============================== Fieldset 1 ============================== -->
		<fieldset style="margin-bottom:10px">
			
				<label for="input-one" class="hoangnmfloat" style="width:150px;margin: 4px 2px 0px 8px ;"><strong>Business Name:</strong></label><br />
				<input class="inp-text" name="input-one-name" id="input-one" type="text" size="100" style="width:250px;"/><br />

				<label for="input-two" class="hoangnmfloat"><strong>SIC Code:</strong></label><br />
				<input class="inp-text" name="input-two-name"  id="input-two" type="text" size="50" style="width:50px;" />
                
                
		</fieldset>
		<!-- ============================== Fieldset 1 end ============================== -->

<a class="button" href="#"><span>Search</span></a>
<a class="button" href="#"><span>None</span></a> 
<a class="button" href="#"><span>Clear</span></a> 
<div class="clear" style="margin:10px"></div>
<div class="clear"></div>
		<!-- ============================== Fieldset 2 ============================== -->
		<fieldset>
			<table id="gradient-style" summary="Meeting Results">
    <thead>
    	<tr>
        	<th scope="col"></th>
            <th scope="col">Business Name</th>
            <th scope="col">SIC Code</th>
            
        </tr>
    </thead>
    <tfoot>
    	<tr>
        	<td colspan="3"></td>
        </tr>
    </tfoot>
    <tbody>
    	<tr>
        	<td><input name="" type="radio" value="" /></td>
            <td>10 Maurer Court Greenwich</td>
            <td>SE10 0SS</td>
            
        </tr>
        <tr>
        	<td><input name="" type="radio" value="" /></td>
            <td>10 Maurer Court Greenwich</td>
            <td>SE10 0SS</td>
            
        </tr>
        <tr>
        	<td><input name="" type="radio" value="" /></td>
            <td>10 Maurer Court Greenwich</td>
            <td>SE10 0SS</td>
            
        </tr>
       
        
       
    </tbody>
</table>
				
		</fieldset>
		<!-- ============================== Fieldset 2 end ============================== -->


		<!-- ============================== Fieldset 3 ============================== -->
		<div class="pagination3">
    <a class="pagebutton" href="#" onclick="this.blur(); return false;"><span>|<</span></a>
    <a class="pagebutton" href="#" onclick="this.blur(); return false;"><span><</span></a>
	<a class="pagebutton" href="#" onclick="this.blur(); return false;"><span>Page</span></a>
    <a class="pagebutton" href="#" onclick="this.blur(); return false;"><span><input name="" type="text" size="1" /></span></a>
	<a class="pagebutton" href="#" onclick="this.blur(); return false;"><span>of 100</span></a>
    <a class="pagebutton" href="#" onclick="this.blur(); return false;"><span>></span></a>
    <a class="pagebutton" href="#" onclick="this.blur(); return false;"><span>>|</span></a>
</div>
		<!-- ============================== Fieldset 3 end ============================== -->

		
        		
        <a class="button" href="#"><span>Select</span></a>
        <a class="button" href="#"><span>Close</span></a> 
	</form>

</body>
</html>
